<!-- 表单案例 -->
<template>
  <!-- 应用容器 -->
  <div class="app-container">
    <!--   一行   -->
    <el-row>
      <!--   一列   -->
      <el-col :span="24">
        <div class="elColCss">
          <router-link to="/testForm/testFormOne">
            <el-button type="success">单选框/多选框/级联选择框-数据不存在回显异常处理方案</el-button>
          </router-link>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  // 组件接收的属性，这里为空
  props: {},

  // 组件的数据状态
  data() {
    return {};
  },

  // 计算属性，这里为空
  computed: {},

  // 监听器，这里为空
  watch: {},

  // 组件的方法
  methods: {},

  // 组件创建完成后执行的钩子函数，初始化表格数据
  created() {
  },

  // 组件挂载完成后执行的钩子函数，这里为空
  mounted() {
  },

  // 组件创建前执行的钩子函数，这里为空
  beforeCreate() {
  },

  // 组件挂载前执行的钩子函数，这里为空
  beforeMount() {
  },

  // 组件更新前执行的钩子函数，这里为空
  beforeUpdate() {
  },

  // 组件更新后执行的钩子函数，这里为空
  updated() {
  },

  // 组件销毁前执行的钩子函数，这里为空
  beforeDestroy() {
  },

  // 组件销毁后执行的钩子函数，这里为空
  destroyed() {
  },

  // 组件被激活时执行的钩子函数（如果使用了 keep-alive），这里为空
  activated() {
  }
};
</script>

<style scoped>
/* 可以添加自定义样式 */
.elColCss {
  text-align: center;
}
</style>
